<template>
  <div class="table-container">
    <a-table
      v-bind="tableProps"
      :data-source="[
        {
          id: 'xxxxx',
          number: '反馈内容反馈内容反馈内容',
          first_name: '2021-10-13 15:00:00',
        },
        {
          id: 'xxxxx',
          number: '反馈内容反馈内容反馈内容',
          first_name: '2021-10-13 15:00:00',
        },
         {
          id: 'xxxxx',
          number: '反馈内容反馈内容反馈内容',
          first_name: '2021-10-13 15:00:00',
        },
      ]"
    >
      <template #status="text, row">
        <a @click.prevent="handlerRow(row)">编辑 </a>
        <a @click.prevent="handlerRow(row)">删除</a>
      </template>
    </a-table>
  </div>
</template>
<script>
import table from '@/utils/mixins/search/table'

export default {
  mixins: [table],

  data () {
    return {
      columns: [
        {
          title: 'Blog标题',
          dataIndex: 'number',
        },
        {
          title: '发布时间',
          dataIndex: 'first_name',
          ellipsis: true,
          width: 200
        },
        {
          title: '操作',
          dataIndex: 'status',
          ellipsis: true,
          scopedSlots: { customRender: 'status' },
          width: 200
        }
      ],
    }
  },

  methods: {
    // 详情
    handlerRow({ id }) {
      this.$router.push({
        name: 'BlogContent',
        params: { id }
      })
    }
  },
}
</script>

<style lang="scss" scoped>
</style>
